// 主题变量
:root {
  // 主题色
  --el-color-primary: #409eff;
  
  // 文字颜色
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  
  // 背景色
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f0f2f5;
  
  // 边框颜色
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
}

// 暗黑主题
html.dark {
  --el-color-primary: #409eff;
  
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #cfd3dc;
  --el-text-color-secondary: #a3a6ad;
  
  --el-bg-color: #141414;
  --el-bg-color-page: #0a0a0a;
  
  --el-border-color: #4c4d4f;
  --el-border-color-light: #363637;
  --el-border-color-lighter: #414243;
  
  --el-bg-color-overlay: #1d1e1f;
  
  --el-fill-color: #1d1e1f;
  --el-fill-color-light: #262727;
  --el-fill-color-lighter: #2b2b2c;
  --el-fill-color-blank: #000000;
} 